<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  mounted() {
    this.$router.push("/");
  },
};
</script>
<style lang="scss">
body {
  font-size: 14px; /* 设计师规定字体大小 */
}

@media screen and (max-width: 1919px) {
  body {
    font-size: 14px; /* 分辨率大于等于 768px 时字体放大至16px */
  }
  .chart{
    width: 100%;
    height: 20vh;
  }
  .chartDp {
    width: 38%;
    height: 260px;
    }
}


@media screen and (min-width: 1920px) {
  body {
    font-size: 14px; /* 分辨率大于等于 768px 时字体放大至16px */
  }
  .chart{
    width: 100%;
    height: 24vh;
  }
  .chartDp {
    width: 40%;
    height: 260px;
    }
}
@media screen and (min-width: 2560px) {
  body {
    font-size: 18px; /* 分辨率大于等于 1024px 时字体再次放大至18px */
  }
  .chart{
    width: 100%;
    height: 30vh;
  }
  .chartDp {
    width: 45%;
    height: 260px;
    }
}

@media screen and (min-width: 3840px) {
  body {
    font-size: 20px; /* 分辨率大于等于 1024px 时字体再次放大至18px */
  }
  .chart{
    width: 100%;
    height: 34vh;
  }
  .chartDp {
    width: 52%;
    height: 260px;
    }
}
</style>
